<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>time-n-gears</title>

<script src="gears_init.js"></script>

<link rel="icon" href="favicon.ico" />
<link rel="icon" href="time-n-gears.16x16.png" />

<!-- YUI -->
<link rel="stylesheet" href="yui/tabview/assets/skins/sam/tabview.css"> 
<link rel="stylesheet" href="yui/fonts/fonts.css" /> 
<link rel="stylesheet" href="yui/button/assets/skins/sam/button.css" />
<link rel="stylesheet" href="yui/container/assets/skins/sam/container.css" />
<link rel="stylesheet" href="yui/calendar/assets/skins/sam/calendar.css" />
<script src="yui/yahoo/yahoo.js"></script>
<script src="yui/dom/dom.js"></script>
<script src="yui/event/event.js"></script>
<script src="yui/element/element.js"></script> 
<script src="yui/button/button.js"></script>
<script src="yui/container/container.js"></script>
<script src="yui/dragdrop/dragdrop.js"></script>
<script src="yui/calendar/calendar.js"></script> 
<script src="yui/tabview/tabview.js"></script> 

<script src="jquery.js"></script>
<script src="jquery.endless-scroll.js"></script>
<script src="jquery.editableOptions.js"></script>


<link rel="stylesheet" href="style.css" />
<script src="TimeNGears.js"></script>
<script>
$(document).ready(function() {
    var tg = new TimeNGears;
    tg.load();
});
</script>
</head>
<body class="yui-skin-sam">

<div id="dialogContainer"></div>
<div id="header" style="margin-top: 10px; margin-bottom: 10px;">
 <h1 style="position: absolute; left: 80px; margin: 0px;">time-n-gears</h1>
 <h2 style="position: absolute; top: 45px; left: 80px;" id="timesheet_name_container"><span class="value" id="timesheet_name" style="cursor: pointer;">Untitled</span><input style="display: none;" type="text" /> <span id="unsaved" style="display: inline;">*</span></h2>
 <img src="time-n-gears.png" />
</div>
<!-- autocomplete should be turned off to prevent ff from populating this on refresh -->
<input type="hidden" name="timesheet_id" id="timesheet_id" autocomplete="off" />
<!--<div style="position: absolute; top: 80px; left: 5px;">-->
<div style="margin-bottom: 10px;">
 <button id="new" accesskey="n"><span class="accessKey">N</span>ew</button>
 <button id="open" accesskey="o"><span  class="accessKey">O</span>pen...</button>
 <button id="save" accesskey="s"><span class="accessKey">S</span>ave</button>
 <button id="discard" accesskey="d"><span class="accessKey">D</span>iscard</button>
 <button id="export" accesskey="e"><span class="accessKey">E</span>xport as HTML</button>
 <button id="monthlyReport" accesskey="r">View Monthly <span class="accessKey">R</span>eport</button>
 <button id="options" accesskey="p">O<span class="accessKey">p</span>tions...</button>
</div>
<div style="margin-bottom: 10px;">
 <button id="addWeek" accesskey="a"><span class="accessKey">A</span>dd week</button>
 <button id="goto" accesskey="g"><span class="accessKey">G</span>oto week</button>
</div>
<div class="week" id="weekTemplate" style="display: none;">
<table style="min-width: 500px; border: 2px solid #ddd; margin-bottom: 50px;" cellspacing="0">
 <tr>
  <td class="dateRangeCell" valign="bottom" colspan="4" style="font-size: smaller;">&nbsp;</td>
  <th class="dateCell"><span class="monday date"></span><br />Monday</th>
  <th class="dateCell"><span class="tuesday date"></span><br />Tuesday</th>
  <th class="dateCell"><span class="wednesday date"></span><br />Wednesday</th>
  <th class="dateCell"><span class="thursday date"></span><br />Thursday</th>
  <th class="dateCell"><span class="friday date"></span><br />Friday</th>
  <th class="dateCell"><span class="saturday date"></span><br />Saturday</th>
  <th class="dateCell"><span class="sunday date"></span><br />Sunday</th>
  <th class="totalLabel">Total</th>
 </tr>
 <tr>
  <th class="totalLabel deleteColumn" width="30">&nbsp;</th>
  <th class="jobCell totalLabel" colspan="3">Total</th>
  <td class="topTotal totalCell timeCell monday">&nbsp;</td>
  <td class="topTotal totalCell timeCell tuesday">&nbsp;</td>
  <td class="topTotal totalCell timeCell wednesday">&nbsp;</td>
  <td class="topTotal totalCell timeCell thursday">&nbsp;</td>
  <td class="topTotal totalCell timeCell friday">&nbsp;</td>
  <td class="topTotal totalCell timeCell saturday">&nbsp;</td>
  <td class="topTotal totalCell timeCell sunday">&nbsp;</td>
  <td class="grandTotal totalCell timeCell">&nbsp;</td>
 </tr>
 <tr class="template" dirty="0">
  <td class="deleteColumn"><input class="delete" type="submit" value="-" style="display: none;" /></td>
  <td class="selectCell jobCategoryCell"><div><span class="display">&nbsp;</span><input type="hidden" class="value" /><select name="job_category" style="display: none;"></select></div></td>
  <td class="inputCell tracCell"><div><span class="value" title="Shift click to open issue tracker">&nbsp;</span><input type="text" /></div></td>
  <td class="inputCell jobCell"><div><span class="value">&nbsp;</span><input type="text" /></div></td>
  <td class="inputCell timeCell monday"><div><span class="value">&nbsp;</span><input type="text" /></div></td>
  <td class="inputCell timeCell tuesday"><div><span class="value">&nbsp;</span><input type="text" /></div></td>
  <td class="inputCell timeCell wednesday"><div><span class="value">&nbsp;</span><input type="text" /></div></td>
  <td class="inputCell timeCell thursday"><div><span class="value">&nbsp;</span><input type="text" /></div></td>
  <td class="inputCell timeCell friday"><div><span class="value">&nbsp;</span><input type="text" /></div></td>
  <td class="inputCell timeCell saturday"><div><span class="value">&nbsp;</span><input type="text" /></div></td>
  <td class="inputCell timeCell sunday"><div><span class="value">&nbsp;</span><input type="text" /></div></td>
  <td class="totalCell timeCell"><div><span class="value">&nbsp;</span></div></td>
 </tr>
</table>
</div>
<div id="timesheet"></div>
<div id="notification" style="position: fixed; top: 0px; left: 50%; margin-left: -50px; height: 20px; width: 100px; background: yellow; border: 1px solid black; font-size: 9pt; text-align: center; display: none;">Timesheet saved</div>
<div id="placeholder" style="display: none;"></div>
</body>
</html>
